<template>
  <div id="app" @mouseup="remove" @wheel="flag?scr():false">
    <SignIn/>
    <MusicHead/>
    <MusicCenter/>
    <Copyright/>
   <Footer/>
  </div>
</template>

<script>
import Footer from './components/Footer.vue'
import MusicHead from './components/MusicHead.vue'
import MusicCenter from './components/MusicCenter.vue'
import SignIn from './components/SignIn.vue'
import Copyright from './components/Copyright.vue'



export default {
  name: 'App',
  data(){
      return {
        flag:true
      }
  },
  components: {
     Footer,
     MusicHead,
     MusicCenter,
     SignIn,
     Copyright
    
  },
  methods:{
    remove(el){
       
      this.$bus.$emit('remove_move',false,)
    
      // 隐藏音量
        this.$bus.$emit('volume_show',el)

      //  开启歌词随播放时间自动滚动
       this.$bus.$emit('lyric_auto_scroll',true)
        
    },
    scr(){
     this.$bus.$emit('scr',)
  }
  },
  mounted(){
    this.$bus.$on('m_flag', (el) => {
       this.flag = el;
    });
    // 管理登录状态
     this.$store.dispatch('getstate')
  },
 
  
  
}
</script>

<style lang="less">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  
}
/* 文本溢出 */
  .wrap {
        width: 1100px;
        margin: 0 auto;
    }
.vip-1-1 {
  background-image: url(https://p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4357872257/9f40/483a/0341/78d106c94bf17f8f1e98a2f6748061c4.png);
}
.vip-4 {
  background-image: url(https://p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4357872387/95c0/0077/be84/015a47320318cb4199b67a3cbc063a09.png);
}
.vip-6 {
  background-image: url(https://p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4357872499/0cd3/2985/4070/5951d11609c60e3aa96ebddeb6bb8284.png);
}
.g-bg {
  width: 980px;
  height: auto;
  min-height: 700px;
  margin: 0 auto;
  border: 1px solid #d3d3d3;
  border-width: 0 1px;
  background: url(./images/wrap4.png) repeat-y center 0;
  .g-wrap {
    float: left;
    padding: 37px 30px 40px 40px;
    width: 640px;
  }
}
.s-fc4 {
  color: #999;
}
.s-fc7 {
  color: #0c73c2;
}
.f-ff2 {
  font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.s-fc3 {
  color: #666;
}
.s-fc8 {
  color: #aeaeae;
}
.f-ff1 {
  font-family: simsun,\5b8b\4f53;
}
.f-f1 {
  float: left;
}
</style>
